
.hide{
    display: none;
}
.M{
    width: 990px;
    margin: 0 auto;
}
.logo{
    overflow: hidden;
    padding: 24px 0;
    h2{
        color: #5e5e5e;
        float: left;
        font-family: "Microsoft Yahei";
        font-size: 24px;
        line-height: 24px;
        padding: 10px 0 0 27px;
    }
}
.reg-cont{
    border:1px solid #E6E6E6;   
    padding-bottom:21px;
    margin-top:68px;
    position:relative;
    background:url(../images/reg/register-bg.jpg) no-repeat right -70px;
    .title{
        position:absolute;
        top:-42px;  
        left:149px;
    }
}
.reg-cont-customer{
    border:1px solid #E6E6E6;   
    padding-bottom:57px;
    margin-top:68px;
    position:relative;
}
.reg-msg{
    border:1px solid #E6E6E6;   
    padding:50px 0 60px 80px;
    margin-top:28px;    
}
//个人用户注册 企业用户注册
.title{
    li{
        float:left;
        width:150px;
        height:40px;
        text-align:center;
        font:bold 14px/41px "Simsun";
        margin-left:2px;
        color:#5e5e5e;
        background:#F3F3F3;
        border:1px solid #e6e6e6;
        border-bottom:0 none;
        cursor:pointer;
    }
    li.cur{
        background:#fff;
        color:#cc0000;
        border-top:2px solid #cc0000; 
    }
}
//我已经注册，现在就
.login-info{
     position:absolute;
     top:-25px;
     right:20px;
     a{
         color:#0066CC;
         margin-left:5px;
     }
}
//表单列表
.form-list{
    padding-top:40px;
}
.reg-items,.form-tips{
    clear:both;
    padding:0 0 26px 151px; 
}
.form-tips{
    display:block;
    margin-bottom:18px;
    overflow:hidden;
    padding-bottom:0;   
}
//表单项
.reg-items{
    position:relative;
    //左侧 span标签 设置绝对定位
    .reg-label{
        display:inline;
        width:151px;
        height:38px;
        line-height:38px;
        font-size:14px;
        text-align:right;
        position:absolute;
        top:0;
        left:0;
        _left:-151px;
    }
}
//右侧 input文本设置
.i-text{
    width:288px;
    height:36px;
    padding:0 4px;
    border:1px solid #ccc;
    font:normal 14px/36px Arial,"Simsun";
    color:#a5a5a5;  
    vertical-align: middle;
}
input.i-text[type="password"]{
    font-size:16px; 
}
.focus{
    border-color:#7abd54;   
    color:#5e5e5e;
}
.i-short{
    width:123px;    
}
//注册按钮
.reg-btn{
    display:block;
    width:254px;
    height:40px;
    text-align:center;
    font:normal 16px/40px "Microsoft YaHei";
    color:#fff;
    background:url(../images/reg/btn.gif) repeat-x;    
    margin-left:151px;
    border:0 none;
    cursor:pointer;
    &:hover{
        color:#fff; 
        text-decoration:none;
        background:#dd0000;
    }
    &:active{
        background:#bb0000;
    }
}
.reg-items-btn{
    padding: 15px 0 ;
    margin-top:-15px;
    .agreement-select{
        input{
            margin-right: 2px;
            vertical-align: -2px;
        }
        a{
            color: #60c;
            &:hover{
                color: #C00;
            }
        }
    }
    .reg-btn{
        background-color: #ff554a;
        border: 0 none;
        color: #fff;
        cursor: pointer;
        display: block;
        font: 16px/40px "Microsoft YaHei";
        height: 40px;
        text-align: center;
        width: 254px;
        margin-top: 5px;
        &:hover{
            color: #FFF;
            text-decoration: none;
        }
    }
}
//我已阅读并接受
.agreement{
    padding-left:150px;
    height:36px;
    line-height:36px;
    input{
        vertical-align:-2px;    
        margin-right:5px;
    }
    a{
        color:#0066CC;
    }
}
.err-tips a{
    color:#0066CC;  
}

//错误提示性信息
.msg-box{
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:370px;    
    position:relative;
    color:#A5A5A5;
    vertical-align:middle;
    font-family:Arial,"Simsun";
    *margin-left:3px;
}
.msg-weak{
    padding:9px 5px 9px 5px;
    line-height:18px;   
    /*position:absolute;*/
    float: left;
    border:1px solid #ccc;
    display:none;
}
.err-list{
    width:286px;
    padding:4px 0 4px 10px;
    _margin-left:-151px;
    _margin-top:1px;
    border:1px solid #FFD2D2;
    border-top:0 none;  
    background:#FFECEC;
    line-height:24px;   
    position:absolute;
    top:38px;
    left:151px;
    z-index:5;
    p{
       color:#a5a5a5;
    }
    li{
        height:24px;
        line-height:24px;
        input{
            vertical-align:-2px;    
            margin-right:9px;
            _margin-right:1px;
        }
    }
}
//键盘大写锁定已打开，请注意大小写!
.capsLock{
    position: absolute;
    top: -22px;
    padding:0px 10px;
    border:1px solid #edd288;
    color:#c00;
    background-color:#fffdee;
    display:none;
    left:151px;
}
.pw-tips{
    width:288px;
    overflow:hidden;
    position:absolute;
    top:42px;
    left:151px;
    _left:0;
    .txt{
        float:left;
        width:90px;
        text-align:right;   
        line-height:14px;
    }
    .pw-safe{
        float:left; 
        width:120px;
        height:14px;
        overflow:hidden;
        position:relative;  
        background:#A5A5A5;
    }
    .pw-none{
        .pw-bar{
             width:0;    
        }
    }
    
}
.pw-bar{
    height:14px;
    overflow:hidden;
    background:#cc0000; 
    transition:all .4s linear;
    -webkit-transition:all .4s linear;
    -moz-transition:all .4s linear;
    -o-transition:width .4s linear;
}
.pw-weak .pw-bar{
    width:40px;
}
.pw-medium .pw-bar{
    width:81px;
}
.pw-strong .pw-bar{
    width:122px;
}
//弱 中 强
.pw-letter{
    width:123px;
    height:14px;
    position:absolute;
    left:0;
    top:0;
    span{
        float:left;
        width:40px;
        height:14px;
        line-height:14px;
        *line-height:16px;
        line-height:16px\0;
        overflow:hidden;
        text-align:center;
        border-left:1px solid #fff;
        color:#fff;
    }
}
//密码设置建议
.pw-suggest{
    display: inline-block;
    height: 14px;
    line-height: 14px;
    position: absolute;
    top:0;
    right: 0;
    color: #06c;
}
//验证邮箱
.rule-box{
    position:relative;
    display: inline-block;
    height: 36px;
    vertical-align: middle;
    border: 1px solid #C00;
    *display: inline;
    *zoom:1;
    background-color: #fff;
    .rule-box-text{
        display: inline-block;
        line-height: 18px;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
        a{
            color: #60c;
            &:hover{
                color: #C00;
                text-decoration: none;
            }
        }
    }
    .rule-box-pos{
        display: inline-block;
        height: 36px;
        vertical-align: middle;
        width: 1px;
    }
}
.transformation{
    border: medium none;
    font-size: 14px;
}
//验证
.check{
    display:inline-block;
    *display:inline;
    *zoom:1;
    height:38px;
    line-height:36px;
    margin-left:6px;
    cursor:pointer;
    vertical-align: middle;
    .disable{
        background:#f8f8f8;
        border-color: #e6e6e6;
        color: #ccc;
        cursor: default;
    }
}
.check-border{
    border:1px solid #e6e6e6;
    a{
        &:hover{
            text-decoration:none;
            color:#333;
        }
    }
    &:hover{
        border-color:#a5a5a5;
    }
    
}
//短信验证码
.check-phone{
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:108px;
    height:36px;
    background:#F8F8F8;
    border:1px solid #ddd;
    font:normal 12px/36px "Simsun";
    text-align:center;
    color:#333;
    &:hover{
        text-decoration:none;   
        color:#333;
    }
}


























